<template>
  <div class="AAN_module">
    <header>
      <h4>
        入库整理<span>【{{ status }}】</span>
      </h4>
      <div class="AAL001">
        <span>出厂编号</span>
        <el-input v-model="AAL001" size="mini"></el-input>
      </div>
      <div class="operation">
        <el-button type="primary" size="mini">上报</el-button>
        <el-button type="success" size="mini">刷新</el-button>
        <el-button type="danger" size="mini">打回</el-button>
      </div>
    </header>
    <section class="file">
      <file-upload title="前方"></file-upload>
      <file-upload title="左侧"></file-upload>
      <file-upload title="右侧"></file-upload>
      <file-upload title="后方"></file-upload>
      <file-upload title="铭牌"></file-upload>
      <file-upload title="其他"></file-upload>
    </section>
    <section>
      <task-tab :settings="module_settings"></task-tab>
    </section>
    <section class="table">
      <record-table
        title="入库记录表"
        procedure="AAN"
        :tableColumnDict="tableColumnDict"
        :tableData="tableData"
      ></record-table>
    </section>
  </div>
</template>

<script lang="ts">
import Vue from 'vue'
import { Component } from 'vue-property-decorator'
import { tableColumnDict, TableColumnType, module_settings } from './params'
import RecordTable from '@/components/basic/RecordTable.vue'
import TaskTab from '@/views/dashboard/compoents/TaskTab.vue'
import FileUpload from '@/components/basic/FileUpload.vue'
@Component({
  components: {
    RecordTable,
    FileUpload,
    TaskTab
  }
})
class NoneStandard extends Vue {
  status: string = '未完成'
  AAL001: string = ''
  tableColumnDict = tableColumnDict
  module_settings = module_settings
  tableData: TableColumnType[] = []
}
export default NoneStandard
</script>

<style lang="less" scoped>
@import '~@/styles/theme.less';
@import '~@/styles/layout.less';
.AAN_module {
  box-sizing: border-box;
  padding: 20px;
  width: 100%;
  height: 100%;
  #flex(column, flex-start, flex-start);
  header {
    width: 100%;
    margin-bottom: 10px;
    #flex(row, center, space-between);
    h4 {
      margin-block: 0;
      font-size: 18px;
      font-weight: 800;
      white-space: nowrap;
      #color(color, --primary-text-color);
    }
    .AAL001 {
      #flex(row, center, space-between);
      span {
        font-size: 14px;
        font-weight: 400;
        margin-right: 5px;
        white-space: nowrap;
        #color(color, --primary-text-color);
      }
    }
  }
  section {
    box-sizing: border-box;
    padding: 10px;
    width: 100%;
    margin-bottom: 20px;
    border-radius: 5px;
    #color(background-color, --module-bg-color);
    #shadow-color(0, 2px, 12px, 0, --primary-shadow-color);
  }
  .file {
    height: 250px;
    #flex(row, flex-start, space-between);
  }
  .table {
    flex: 1;
    margin-bottom: 0;
    overflow: auto;
  }
}
</style>
